<template name="ffhelpPlan">
	<view>
		<tt-bar leftIcon="icon-back" title="助力进度" titleAlign="left" :isShare="isShare">
			<template v-slot:rightCnt>
				<text class="iconfont icon-shoucangdianjia" :style="{'background-color':goodData.isDelete?'#ffffff':btnBg}" @tap="toshop"></text>
				<!-- <text class="iconfont icon-home rIcon" :style="{'background-color':goodData.isDelete?'#ffffff':btnBg}" @tap="toHome"></text> -->
			</template>
		</tt-bar>
		<view class="constant">
			<view class="top">
				<view class="shangmianTop"><image src="../static/120.png" mode=""></image></view>
				<view class="xiamianBottom"><text>“谢谢，我的助力课活动已结束~”</text></view>
			</view>
			<view class="content">
				<view class="courseInfo">
					<view class="tupian"><image :src="datalist.courseImg"></image></view>
					<view class="shoppingName">
						<view class="className"><text>{{ datalist.name }}</text></view>
						<view class="jigou"><text>{{ datalist.storeName }}</text></view>

						<!-- 已结束 -->
						<view class="timeBox1"><image src="../static/yijieshu.png" mode=""></image></view>
					</view>
				</view>
				<view class="helpjindu">
					<view class="pleaseBtn" @tap="homelist"><text>去选择其他好课</text></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'ffhelpPlan',
	props: {},
	data() {
		return {
			datalist:{}
		};
	},
	methods: {
		toshop(){
			
		
			this.toPage(
			{
				url:'shopDetail',
				id:this.datalist.storeId
			}
			
			)
		},
		homelist(){
			uni.navigateTo({
				url: '../help/help' 
			});
		},
		
	},
	onLoad(data) {
		this.isShare = data.isShare ? parseInt(data.isShare) : 0;
		this.datalist = JSON.parse(data.index);
		console.log(this.datalist)
		
	}
};
</script>

<style lang="less">
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	background-color: #fed407;
}
.top {
	// background-color: green;
	width: 100%;
	height: 150rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20rpx;
	.shangmianTop {
		width: 75rpx;
		height: 75rpx;
		// background-color: blue;
		margin-bottom: 25rpx;

		image {
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
	}
	.xiamianBottom {
		text-align: center;
		width: 100%;
		text {
			color: #000;
			font-size: 26rpx;
		}
	}
}
.content {
	width: 100%;
	padding: 40rpx 40rpx 0 40rpx;
	.courseInfo {
		width: 100%;
		height: 300rpx;
		background-color: #fff;
		margin-bottom: 40rpx;
		border-radius: 20rpx;
		display: flex;
		padding: 25rpx;
		position: relative;
		.tupian {
			width: 250rpx;
			height: 250rpx;
			image {
				width: 100%;
				height: 100%;
				border-radius: 10rpx;
			}
		}
		.shoppingName {
			padding-left: 20rpx;
			width: 354rpx;
			.className {
				font-weight: 700;
				font-size: 30rpx;
				margin-bottom: 10rpx;
				height: 39rpx;
				overflow: hidden;
			}
			.jigou {
				color: #a6a6a6;
				font-size: 24rpx;
				margin-bottom: 85rpx;
			}
			.timeBox1 {
				position: absolute;
				bottom: -10rpx;
				right: 0px;

				image {
					width: 100rpx;
					height: 100rpx;
				}
			}
		}
	}
	.helpjindu {
		width: 100%;
		.pleaseBtn {
			margin: 45rpx;
			height: 85rpx;
			background-image: url(../static/helpbtnbig.png);
			background-size: 100% 100%;
			text-align: center;
			text {
				color: #fff;
				font-size: 35rpx;
				font-weight: 600;
				line-height: 85rpx;
				letter-spacing: 5rpx;
			}
		}
		
	}
}
.icon-shoucangdianjia {
		font-size: 44upx;
		font-weight: normal;
		width: 70upx;
		height: 70upx;
		text-align: center;
		line-height: 70upx;
		border-radius: 50%;
	}
</style>
